<template>
	<view>
		<map id="map" longitude="105.904605" latitude="29.348944" scale="14" :markers="markers" style="width: 100%; height:calc(100vh - 165rpx);"></map>
		<view class="address pl25 pr25 flex flex-ac">
			<view class="it1">
				<view class="ft17 bold">邛崃民众门诊部</view>
				<view class="c666 mt20">四川省成都市邛崃市临邛街道文昌街159号、161号</view>
				
			</view>
			<image class="city mr30" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/city.png" @click="goMaps"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude: 103.484927 ,
				longitude: 30.415754,
				markers: [{
					iconPath: "http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/address.png",
					id: 0,
					latitude: 103.484927 ,
					longitude: 30.415754,
					width: 32,
					height: 47
				}],
			};
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {
			goMaps() {
				uni.openLocation({

					latitude: this.latitude,

					longitude: this.longitude,

					name: "邛崃民众门诊部",

					address: "邛崃民众门诊部"

				})
			}
		}
	};
</script>

<style lang="less">
	.address {
		height: 165rpx;

		.city {
			width: 54rpx;
			height: 50rpx;
		}
	}
</style>
